<template>
	<view>
		<view class="head dixian">
			<text class="color" @click="back">返回</text>
			<text>查看</text>
			<text></text>
		</view>
		<view class="body">
			<uni-forms-item label="单位名称" name="dwname">
				<uni-easyinput type="text" v-model="date.shujudata.dwname" placeholder="请选择" disabled="true"/>
			</uni-forms-item>
			<uni-forms-item label="是否按照批准的取水" name="qsd">
				<uni-easyinput type="text" v-model="date.shujudata.qsd" placeholder="请选择" disabled="true" />
			</uni-forms-item>
			<uni-forms-item label="是否改造取水设施" name="qsshebei">
				<uni-easyinput type="text" v-model="date.shujudata.qsshebei" placeholder="请选择" disabled="true" />
			</uni-forms-item>
			<uni-forms-item label="计量设施" name="jlshebei">
				<uni-easyinput type="text" v-model="date.shujudata.jlshebei" placeholder="请选择" disabled="true"/>
			</uni-forms-item>
			<uni-forms-item label="工作记录" name="workjlu">
				<uni-easyinput type="text" v-model="date.shujudata.workjlu" placeholder="请选择" disabled="true"/>
			</uni-forms-item>
			<uni-forms-item label="水量" name="shuiliang">
				<uni-easyinput type="text" v-model="date.shujudata.shuiliang" placeholder="请选择" disabled="true"/>
			</uni-forms-item>
			<uni-forms-item label="检查情况" name="jiancha">
			<view class="uni-textarea">
						<textarea  auto-height v-model="date.shujudata.jiancha" placeholder-style="color:#B3D4FC" placeholder="请输入....." disabled="true"/>
						</view>
						</uni-forms-item>
		</view>
	</view>
</template>

<script>
	import { onMounted,reactive } from 'vue'
	import {useStore} from "vuex"
	import http from '../../utils/http.js'
	export default {
		setup(){
			let date=reactive({
				shujudata:{
					dwname:''
				}
			})
			let back=()=>{
				uni.navigateTo({
					url:'./richangjiancha'
				})
			}
	return{
				back,
				date,
			}
		},
		onLoad:function(option){
			console.log(option.name)
			console.log(this.date.shujudata)
			http({
				url:'/jiliang/chakandata',
				method:'post',
				data:{key:option.name}
			}).then((res)=>{
				
				this.date.shujudata=res.data.data[0]
			})
		}
	}
</script>

<style lang="less">
.head {
		display: flex;
		padding: 30rpx 0 30rpx 50rpx;
		border-bottom: 1rpx solid #B9B9B9;

		text:first-child {
			flex: 3;
			color: #B3D4FC;
		}

		text:last-child {
			flex: 3;
		}
	}
.color{
	color:#57A7FE;
}
	.body {
		margin-top: 30rpx;
		padding: 20rpx;
	}
</style>
